<template>
  <div>
    <after-project
      :related-id="relatedId"
      @success="handleChangeStatus"
      ref="afterProject"
    ></after-project>

    <div class="card mt-3" style="min-height: 65vh">
      <div class="card-body">
        <el-tabs>
          <el-tab-pane label="贷后登记">
            <after-register :related-id="relatedId" ref="afterRegister"></after-register>
          </el-tab-pane>
        </el-tabs>
      </div>
    </div>
  </div>
</template>
<script>
import AfterProject from '@/bank/views/hnd/after/AfterProject'
import AfterRegister from '@/credit/views/city/self/after/AfterRegister'

export default {
  components: {
    AfterProject,
    AfterRegister,
  },
  props: {},
  data() {
    return {
      relatedId: '',
    }
  },
  computed: {},
  watch: {},
  created() {
    this.relatedId = this.$route.query.id
  },
  mounted() {},
  methods: {
    handleChangeStatus() {
      const ref = this.$refs.afterRegister
      if (ref && ref.getData) {
        ref.getData()
      }
    },
    handleRepaySuccess() {
      const ref = this.$refs.afterProject
      if (ref && ref.getData) {
        ref.getData()
      }
    },
  },
}
</script>
<style lang="scss" scoped></style>
